<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="width: 100%; height: 100px; background: red;">
        顶部的导航菜单
    </div>
    <div style="width: 100%; height: 500px; background: pink;">
        中间的主体
    </div>
    <div style="width: 100%; height: 90px; background: green;">
        底部的版权
    </div>
</body>
</html>